<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/jsp/struts/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='script/prototype.js'></script>
<script type='text/javascript' src='script/common.js'></script>
<link href="./style/alternative.css" media="all" rel="stylesheet" />
<STYLE TYPE="text/css">
.tabcontent td{
    font-family: "Arial","Courier New", "Courier", "mono";
    font-size: 14px;
    line-height: 24px;
    padding:5px;
    overflow:auto;
}
.expire{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:red;
}
.ongoing{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:green;
}
.future{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:yellow;
}
.tabtitle{
    padding-left: 1em;
    font-family:"Courier New","Arial";
    text-align: left;
    font-size: 14px;
    background-color: #507EA1;
    color:#112233;
}
.tabtext{
    font-family:"Courier New","Arial";
    text-align: left;
    font-size: 13px;
    text-decoration: none
}
.clstitle {
	border-bottom:1px solid #69c;
	color: #234;
	font-size: 1.2em;
}
.taskTab{
    margin-top:1em;
    margin-right:1em;
    
}
.taskTab td {
    border-bottom:0px;
}
#taskTab1,#taskTab2,#taskTab3,#taskTab4,#goalTab {
    text-align:left;
    font-size:1em;
    color: #234;
    line-height:1.3em;
    height:6em;
    overflow:auto;
    padding-left:0.2em;
    list-style-image: url("images/edit.gif");
    list-style-position:inside

}
#goalTab {
    background-color: #dec;

}
</style>
</head>
<body>
<div id="content">
    <div id="content_inner">
    <div align="center">
    
    <table width="100%" height="400" border="0" class="taskTab">
    <tbody>
        <tr><td class="clstitle">&nbsp;&nbsp;
        我的任务:<A HREF="item.htm?method=add">收集</A>&nbsp; 
		<A HREF="item.htm">处理</A>&nbsp; 
		<A HREF="task.htm">组织</A>&nbsp;
		<A HREF="task.htm">回顾</A>&nbsp;
		<A HREF="task.htm">执行</A>
        </td></tr>
        <tr><td align="center" valign="middle">
        <table width="90%" cellpadding="0" cellspacing="0">
         <tr>
            <th width="50%" class="tabtitle">
            1. <span title="Important &amp; Urgent">重要且紧急</span>
            </th>
            <th class="tabtitle">
            2. <span title="Important &amp; Not Urgent">重要不紧急</span>
            </th>
        </tr>
        <tr>
            <td  valign="top" style="background-color: rgb(255, 153, 102);">
             <ul id="taskTab1"></ul>
           </td>
            <td  valign="top" style="background-color: rgb(102, 221, 0);">
             <ul id="taskTab2"></ul>
             </td>
        </tr>
        <tr>
            <th class="tabtitle">
            3.<span title="Not Important &amp; Urgent">紧急不重要</span>
            </th>
            <th class="tabtitle">
            4.<span title="Not Important &amp;  Not Urgent">不紧急不重要</span>
            </th>
        </tr>
        <tr>
            <td  valign="top" style="background-color: rgb(255, 238, 221);">
             <ul id="taskTab3"></ul>
            </td>
            <td  valign="top" style="background-color: rgb(255, 238, 170);">
             <ul id="taskTab4"></ul>
             </td>
        </tr>
 </table>
        </td></tr>
        <tr><td class="clstitle">
                            我的目标
        </td></tr>
        <tr>
        <td align="center" valign="middle">
        <table width="90%" cellpadding="0" cellspacing="0">
        <tr class="tabtitle">
        <td>
        <select name="goalType" id="goalType">
        <option value="0">-- 所有目标 --</option>
        <option value="1">长期目标</option>
        <option value="2">中期目标</option>
        <option value="3">短期目标</option>
        <option value="4">本月目标</option>
        <option value="5">本周目标</option>
        <option value="6">当天目标</option>
        </select>      
        </td>
        </tr>
        <tr>
<td><div id="goalTab">
<c:forEach items="${goalList}" var="goal" varStatus="goalNum">
<li><a href="goal.htm?method=edit&goalID=${goal.goalID}&goalType=${goal.goalType}">${goal.goalName}</a>
</c:forEach>
</div>
</td>
        </tr>
        </table> 
        </td></tr>
    </tbody>
</table>
    </div>
<SCRIPT LANGUAGE="JavaScript">
<c:forEach items="${taskList}" var="task" varStatus="taskNum">
<c:choose>
<c:when test="${task.priority==1}">
$("taskTab1").innerHTML = $("taskTab1").innerHTML + "<li><a href='task.htm?method=edit&taskID=${task.taskID}'>" + "${task.taskName}</a>";
</c:when>
<c:when test="${task.priority==2}">
$("taskTab2").innerHTML = $("taskTab2").innerHTML + "<li><a href='task.htm?method=edit&taskID=${task.taskID}'>" + "${task.taskName}</a>";
</c:when>
<c:when test="${task.priority==3}">
$("taskTab3").innerHTML = $("taskTab3").innerHTML + "<li><a href='task.htm?method=edit&taskID=${task.taskID}'>" + "${task.taskName}</a>";
</c:when>
<c:when test="${task.priority==4}">
$("taskTab4").innerHTML = $("taskTab4").innerHTML + "<li><a href='task.htm?method=edit&taskID=${task.taskID}'>" + "${task.taskName}</a>";
</c:when>
<c:otherwise>
$("taskTab4").innerHTML = $("taskTab4").innerHTML + "<li><a href='task.htm?method=edit&taskID=${task.taskID}'>" + "${task.taskName}</a>";
</c:otherwise>
</c:choose>
</c:forEach>
</SCRIPT>
</div><!-- end content_inner -->
</div><!-- end content -->
</body>
</html>